<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=7"/>
<link rel="stylesheet" type="text/css" href="Default.css"/>
<!-- Beginning of compulsory code below -->
<link href="css/dropdown/dropdown.vertical.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/dropdown/themes/flickr.com/default.ultimate.css" media="screen" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
<script type="text/javascript" src="js/jquery/jquery.js"></script>
<script type="text/javascript" src="js/jquery/jquery.dropdown.js"></script>
<![endif]-->
<!-- / END -->
<title>网上书店</title>
</head>
<body>
<div class="bigmain">
  <div class="head">
    <div class="headtop"></div>
    <div class="headmidd">
      <div class="logo"><img src="img/001.jpg" border="0"/><img src="img/002.jpg" border="0"/></div>
      <div class="sou">
        <div style="float:left; width:240px; height:12px; line-height:12px;"><a href="#">首页</a> | <a href="#">帮助</a> | <a href="#">联系我们</a> | <a href="#">您的购物车</a>: </div>
        <input type="text" width="150px" height="15px" style="float:left"/>
        <img src="img/che.png" style="float:left"/></div>
    </div>
    <div style="width:720px; height:10px; background:#a2a2a2; float:left; margin-bottom:1px;"></div>
    <div class="headbuttom">
      <div class="leftmenu">
        <div class="menutilte">书籍搜索：</div>
        <div style="float:left">
          <input type="text" value="关&nbsp;键&nbsp;字" style=" width:113px; height:18px; float:left">
          <select style="width:66px; height:20px; float:right">
            <option>题&nbsp;&nbsp;目</option>
            <option>南&nbsp;&nbsp;京</option>
            <option>二&nbsp;&nbsp;战</option>
            <option>狙&nbsp;&nbsp;击</option>
          </select>
        </div>
      </div>
      <div  class="xuxian" style="background:url(img/xuxian3.png); padding-top:15px; height:30px; width:4px; float:left;margin-left:10px"></div>
      <div class="leftmenu" style="padding-left:-10px">
        <div class="menutilte">根据类别：</div>
        <div style="float:left;text-align:center;">
          <select style="width:166px; height:20px;text-align:center;vertical-align:middle;">
            <option>选&nbsp;择&nbsp;种&nbsp;类</option>
            <option>政&nbsp;治</option>
            <option>生&nbsp;活</option>
          </select>
        </div>
      </div>
      <div  class="xuxian" style="background:url(img/xuxian3.png); padding-top:15px; height:30px; width:4px; float:left; margin-left:-20px"></div>
      <div class="leftmenu" style="margin-left:-5px">
        <div class="menutilte">根据读者：</div >
        <div style="float:left; width:250px">
          <select style="text-align:center;;width:166px; height:20px; float:left">
            <option>选&nbsp;择&nbsp;读&nbsp;者</option>
            <option>青&nbsp;春</option>
            <option>商&nbsp;界</option>
            <option>政&nbsp;坛</option>
          </select>
          <a href="#"><img src="img/buttom.png" style="float:right" border="0" /></a></div>
      </div>
      <div></div>
      <!--<div class="headmenuleft">
  书籍搜索： 
    
    <div style="float:left; width:200px;">
<input type="text" style="float:left; width:100px; height:15px"  >
<select  name="select" style="height:15px; width:55px; float:right">
    </select></div>
</div>
<div style=" float:left; width:5px; height:50px; background:url(xuxian3.png);margin-top:15px;"></div>
<div class="headmenumidd"> 书籍搜索：<select name="select" style="height:16px; width:168px;"/></div>
<div class="headmenuright"></div>-->
    </div>
    <div  style="background:url(img/redjiao.png); width:720px; height:6px; float:left; margin-bottom:10px; overflow:hidden;"> </div>
  </div>
  <div class="main">
    <div class="leftmain">
      <div class="lefttopmokuai">
        <div class="topyuanjiao"></div>
        <div class="lefttopmokuaimidd">
          <ul  id="nav" class="dropdown dropdown-vertical">
            <li><a href="#">文学类</a>
              <ul>
                <li><a href="./">生活新主张</a></li>
                <li><a href="./">生活</a></li>
                <li><a href="./">爱因中国</a></li>
                <li><a href="./">思维与发现</a></li>
                <li><a href="./">少儿</a></li>
                <li class="divider"><a href="./">More...</a></li>
              </ul>
            </li>
            <li><a href="#">经济管理</a>
              <ul>
                <li><a href="./">生活经济</a></li>
                <li><a href="./">成功方向</a></li>
                <li><a href="./">一分钟的价值</a></li>
                <li><a href="./">金钱是什么</a></li>
                <li><a href="./">通联</a></li>
                <li class="divider"><a href="./">More...</a></li>
              </ul>
            </li>
            <li><a href="#">生活</a>
            
              <ul>
                <li><a href="./">学会生活</a></li>
                <li><a href="./">中国社会</a></li>
                <li><a href="./">明天有什么</a></li>
                <li><a href="./">中国新发现</a></li>
                
                <li class="divider"><a href="./">More...</a></li>
              </ul>
            </li>
            </li>
            <li><a href="#">设计艺术</a>
              <ul>
                <li><a href="./">人文</a></li>
                <li><a href="./">中国时尚</a></li>
                <li><a href="./">前沿生活</a></li>
                <li><a href="./">新感觉</a></li>
               
                <li class="divider"><a href="./">More...</a></li>
              </ul>
            </li>
            <li><a href="#">人文社科</a>
              <ul>
                <li><a href="./">中国高校</a></li>
                  
                    <li><a href="./">社会</a></li>
                    <li><a href="./">生活</a></li>
                    <li><a href="./">北大生活</a></li>
                    
                  </ul>
               
            
            </li>
            <li><a href="#">计算机与网络</a>
            <ul>
			<li><a href="./">C++认识</a></li>
			<li><a href="./">java初识</a></li>
			<li><a href="./">硬件生活</a></li>
			<li><a href="./">计算机与网络</a></li>
			
			<li class="divider"><a href="./">More...</a></li>
		</ul></li>
            <li><a href="#">教育/科技</a>
            <ul>
			<li><a href="./">科学与技术</a></li>
			<li><a href="./">动力</a></li>
			<li><a href="./">生活在高校</a></li>
			<li><a href="./">中国明天</a></li>
			
			<li class="divider"><a href="./">More...</a></li>
		</ul></li>
            <li><a href="#">少儿</a>
            <ul>
			<li><a href="./">少儿报道</a></li>
			<li><a href="./">叮当猫</a></li>
			
			<li class="divider"><a href="./">More...</a></li>
		</ul></li>
            <li><a href="#">特色类别</a>
            <ul>
			<li><a href="./">中国经济</a></li>
			<li><a href="./">音乐大典</a></li>
			<li><a href="./">精彩生活</a></li>
			<li><a href="./">计算机与网络</a></li>
			
			<li class="divider"><a href="./">More...</a></li>
		</ul></li>
          </ul>
        </div>
        <div class="leftmokuaibuttom"></div>
      </div>
      <div class="lefttopmokuai2">
        <div class="topyuanjiao" style="background:url(img/xiaoshou.png)"></div>
        <div class="leftbuttommokuaimidd"> <img src="img/007.jpg" border="0" style="margin-left:50px; margin-top:15px; float:"/>
          <ul>
            <li><a href="#">1.　文学类</a></li>
            <li><a href="#">2.　经济管理</a></li>
            <li><a href="#">3.　生活</a></li>
            <li><a href="#">4.　设计艺术</a></li>
            <li><a href="#">5.　人文社科</a></li>
            <li><a href="#">6.　计算机与网络</a></li>
            <li><a href="#">7.　教育/科技</a></li>
            <li><a href="#">8.　少儿</a></li>
            <li><a href="#">9.　特色类别</a></li>
            <li><a href="#">10. 其它</a></li>
          </ul>
        </div>
        <div class="leftmokuaibuttom"></div>
      </div>
    </div>
    <div class="rightmain">
      <div class="rightmaintop">
        <div class="rightmaintopleft">
          <div class="rightmiantoppic"></div>
          <div class="rightmaintopcontent"> <a href="#"><img src="img/003.jpg" border="0" style="float:left"/></a>
            <div style="float:left; width:154px">
              <div class="wen1">我是麦利
                <div>
                  <div class="wen2">出版社：上海远东出版社</div>
                  <div class="wen3">价格￥20.00（7.1折）</div>
                  <div class="wen4"><img src="img/che1.png" border="0" /> <a href="#">购买</a> | <img src="img/da.png" border="0px"/><a href="#">放大预览</a></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div style="float:left; background:url(img/xuxian.png); width:12px; height:140px; "></div>
        <div class="rightmaintopright">
          <div class="rightmiantoppic" style="background:url(img/xingshu.png)"></div>
          <div class="rightmaintopcontent"> <a href="#"><img src="img/006.jpg" border="0" style="float:left"/></a>
            <div style="float:left; width:154px">
              <div class="wen1">额赛尔王
                <div>
                  <div class="wen2">出版社：上海远东出版社</div>
                  <div class="wen3">价格￥20.00（7.1折）</div>
                  <div class="wen4"><img src="img/che1.png" border="0" /> <a href="#">购买</a> | <img src="img/da.png" border="0px"/><a href="#">放大预览</a></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div  style="background:url(img/xuxian2.png); width:420px ; height:5px; float:right; overflow:hidden"></div>
        <div  class="middcontent">
          <div class="rightmaintopcontent"> <a href="#"><img src="img/004.jpg" border="0" style="float:left"/></a>
            <div style="float:left; width:154px">
              <div class="wen1">30岁小美女幸福说明书
                <div>
                  <div class="wen2">出版社：上海远东出版社</div>
                  <div class="wen3">价格￥20.00（7.1折）</div>
                  <div class="wen4"><img src="img/che1.png" border="0" /> <a href="#">购买</a> | <img src="img/da.png" border="0px"/><a href="#">放大预览</a></div>
                </div>
              </div>
            </div>
          </div>
          <div style="float:left; background:url(img/xuxian.png); width:12px; height:120px; "></div>
          <div class="rightmaintopcontent"><a href="#"> <img src="img/005.jpg" border="0" style="float:left"/></a>
            <div style="float:left; width:154px">
              <div class="wen1">花卉圣经
                <div>
                  <div class="wen2">出版社：上海远东出版社</div>
                  <div class="wen3">价格￥20.00（7.1折）</div>
                  <div class="wen4"><img src="img/che1.png" border="0" /> <a href="#">购买</a> | <img src="img/da.png" border="0px"/><a href="#">放大预览</a></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="middbuttomleft"><font style="color:#C00; size:14px; font-weight:bold; text-align:center">热门作者</font><br/>
          <a href="#">鲁迅</a>│<a href="#">巴金</a>│<a href="#">老舍</a>│<a href="#">冰心</a>|<a href="#">贾平凹</a>│<a href="#">余秋雨</a>│<a href="#">曹雪芹周作人</a>│<a href="#">余华</a>│<a href="#">王蒙</a> </div>
        <div class="middbuttomright">
          <div class="middbuttomrightleft">
            <div style="width:156px; margin-top:6px; margin-left:10px; color:#C00; font-size:14px; font-weight:bold; margin-bottom:5px;">网友荐书</div>
            <div style="float:left; padding-left:5px"><img src="img/008.jpg" border="0" style="float:left"/>
              <div style="float:left; width:110px; margin-left:10px;">
                <div  style="border-bottom:1px #CCC dashed; padding-bottom:10px;"> <font style="color:#aba05f;">日本最潮色彩使用
                  说明书……</font></div>
                <br />
                <font style="color:#aba05f; font-size:12px; font-weight:bold"><img src="img/xin.png" border="0"/>| <a href="#">more</a></font></div>
            </div>
          </div>
          <div  style="width:1px; float:left; height:100px; border-left:1px #CCC dashed;margin-left:10px;"></div>
          <div class="middbuttomrightleft">
            <div style="width:156px; margin-top:6px; margin-left:10px; color:#C00; font-size:14px; font-weight:bold; margin-bottom:5px;">网友荐书</div>
            <div style="float:left; padding-left:5px"><img src="img/009.jpg" border="0" style="float:left"/>
              <div style="float:left; width:110px; margin-left:10px;">
                <div  style="border-bottom:1px #CCC dashed; padding-bottom:10px;"> <font style="color:#aba05f;">日本最潮色彩使用
                  说明书……</font></div>
                <br />
                <font style="color:#aba05f; font-size:12px; font-weight:bold"><img src="img/xin.png" border="0"/>| <a href="#">more</a></font></div>
            </div>
          </div>
        </div>
        <div class="rightmainbuttom">
          <div class="toplitle"></div>
          <!--<div class="rightmaincontent1">-->
          <div class="litlte"> 　食色男女:当红主持人戴军爱情小品文</div>
          <div class="buttomcontent"><a href="#"><img src="img/010.jpg" border="0" style="float:left"/></a>
            <div class="rightbuttomcontent">　<font style="color:#aba05f; line-height:12px;">《食色男女:当红主持人戴军爱情小品文》是当红主持人戴军的一本小品文文集。内中涉及友情、亲情与爱情其关于两性话题的故事，为圈内外读者所深爱。关于自我，他赤裸裸地剖白，又有对身边明星的描摹，揭示了众生百态、恋恋红尘中的男欢女爱的本质，让男人看了害怕，让女人看了感动和深思。<a href="#">点击查看《食色男女:当红主持人戴军爱情小品文》更多内容>></a></font><br/>
              <a href="#">仓央嘉措诗传￥21.40</a><br/>
              <a href="#">爱的一百个提醒￥18.80</a><br/>
              <a href="#">人在胡同第几槐￥14.00</a></div>
          </div>
          <div class="litlte">　史记笺证(全套10册)(全新修改版) </div>
          <div class="buttomcontent"><a href="#"><img src="img/011.jpg" border="0" style="float:left;margin-top:10px;" /></a>
            <div class="rightbuttomcontent" style="width:340px; float:right">　<font style="color:#aba05f; line-height:12px;">《史记笺证》内容为：《史记》共一百三十篇，五十二万字，记事上起轩辕黄帝，中经唐、虞、夏、商、周、秦，下迄汉武帝太初年间（前104—前101），共写了两千多年的历史。 <a href="#">点击查看《史记笺证》更多内容</a></font><br/>
              <a href="#">仓央嘉措诗传￥21.40</a><br/>
              <a href="#">爱的一百个提醒￥18.80</a><br/>
              <a href="#">人在胡同第几槐￥14.00</a></div>
          </div>
        </div>
        <!--</div>-->
      </div>
    </div>
  </div>
  <div class="buttomtop">
    <div class="litlekuan">
      <div  class="bigul" style="float:left;">
        <ul>
          <li >
            <div class="mydindan">
              <div style="float:left; margin:10px 10px;display:inline; font-size:12px; font-weight:bold; color:#000">我的订单</div>
              <div style="float:left;display:inline;">
                <ul>
                  <li><a href="#">如何下订单</a></li>
                  <li><a href="#">跟踪最近的订单</a></li>
                  <li><a href="#">修改与删除订单</a></li>
                </ul>
              </div>
            </div>
          </li>
          <li>
            <div class="mydindan">
              <div style="float:left; margin:10px 10px; font-size:12px; font-weight:bold; color:#000">如何付款</div>
              <div style="float:left;">
                <ul>
                  <li><a href="#">付款方式</a></li>
                  <li><a href="#">查看我的礼品卡余额</a></li>
                  <li><a href="#">查看我的电子账户</a></li>
                </ul>
              </div>
            </div>
          </li>
          <li>
            <div class="mydindan">
              <div style="float:left; margin:10px 10px; font-size:12px; font-weight:bold; color:#000">配送信息</div>
              <div style="float:left;">
                <ul>
                  <li><a href="#">配送收费标准</a></li>
                  <li><a href="#">国内订单配送时间</a></li>
                  <li><a href="#">海外订单配送时间</a></li>
                </ul>
              </div>
            </div>
          </li>
          <li >
            <div class="mydindan">
              <div style="float:left; margin:10px 10px; font-size:12px; font-weight:bold; color:#000">退换货服务</div>
              <div style="float:left;">
                <ul>
                  <li><a href="#">退货政策</a></li>
                  <li><a href="#">换货政策</a></li>
                  <li><a href="#">如何退款</a></li>
                </ul>
              </div>
            </div>
          </li>
          <li >
            <div class="mydindan">
              <div style="float:left; margin:10px 10px; font-size:12px; font-weight:bold; color:#000">需要帮助</div>
              <div style="float:left;">
                <ul>
                  <li><a href="#">汇款单招领</a></li>
                  <li><a href="#">忘记密码</a></li>
                  <li><a href="#">参考帮助中心</a></li>
                </ul>
              </div>
            </div>
          <li>
        </ul>
      </div>
    </div>
  </div>
  <div class="buttommidd"></div>
  <div class="buttom"></div>
  <div class="footer"><a href="#">首页</a> | <a href="#">帮助</a> | <a href="#">我的帐户</a> | <a href="#">我的购物车</a> | <a href="#">广告服务</a> | <a href="#">合作伙伴</a> | <a href="#">招聘</a> | <a href="#">联盟</a><br />
    Copyright © 1999 - 2009 Joyo Amazon All Rights Reserved </div>
</div>
</body>
</html>
